<body>
    <div class="container-fluid">
        <div class="row clearfix">
            <div class="intro">
                <span class="about-para-symbol"></span>
                <p class="about-para-text">
                    The explorer was used as teaching material for a workshop on data videos 
                    in iDVX Lab, Tongji Univesity, 2020. The goal of the workshop was to evaluate 
                    the effectiveness of our design space, which systematically describes design 
                    patterns in data videos. The design space combines a dimension for animation 
                    techniques that are frequently used to facilitate data communication with one 
                    for visual narrative strategies served by such animation techniques to support 
                    story presentation.
                </p>
            </div>
            <div class="intro">
                <span class="about-para-symbol"></span>
                <p class="about-para-text">
                    Our explorer presents 43 method cards, each of which describes one animation 
                    technique. The design of the cards was inspired by the Napa Cards and IDEO Method 
                    Cards. Each chard shows its name, a GIF demo, and a brief description (how to use 
                    it, why it is useful, what are applicable visualization techniques) on its front 
                    and an exemplar data video on its back. The color of each card encodes the category 
                    of its narrative strategy while the icon beside the card name denotes the 
                    corresponding editorial layer. If a certain animation technique is categorized into 
                    multiple narrative strategies, its card will be encoded in a multiple-color blend.
                </p>
            </div>
            <div class="intro">
                <span class="about-para-symbol"></span>
                <p class="about-para-text">
                    Our explorer also shows the corpus of data videos we coded for constructing the 
                    design space. The corpus is of 82 high-quality data videos and is released to 
                    support the development of future data video authoring tools.
                </p>
            </div>

            <div class="team">
                <div class="about-title">Our Team</div>
                <p class=".about-para-text"></p>
                <div class="album">
                    <div class="album-card">
                        <img class="album-card-img" src="" alt="">
                        <div class="album-card-role">Lead Designer</div>
                        <div class="album-card-name">Xingyu Lan</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer>Copyright (C) Intelligent Big Data Visualization Lab (iDVx Lab) All Rights Reserved.</footer>
</body>